page{
  background-color: #EDECE8;

}
.userVia{
  width: 100%;
  height: 40vh;
  position: relative;
  overflow: hidden;
  background:var(--themeColor);
  .login{
    width: 30vw;
    height:80rpx;
    margin-top: 100rpx;
  }
  .bg{
    width: 100%;
    height: 100%;
    filter: blur(10px);
  }
  .via{
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
    width: 30%;
    border-radius: 50%;
  }
}
.mainWrapper{
  width: 100%;
  position: relative;
  color: #777F90;

  .container{
    position: absolute;
    width: 90vw;
    padding-bottom: 100rpx;
    top: -20rpx;
    left: 5%;
    .viewHistory{
      width: 100%;
      height: 100rpx;
      background-color: #ffffff;
      display: flex;
      .itemView{
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        .num{
          color: var(--themeColor);
        }
        .text{
          font-size: 26rpx;
        }
      }
    }
    .orderWrp{
      margin-top: 20rpx;
      width: 100%;
      height: 210rpx;
      background:#fff;
      .hd{
        width: 100%;
        height: 80rpx;
        border-bottom: 1px solid #ddd;
        line-height: 80rpx;
        padding-left:3%;
      }
      .orderStatus{
        width: 100%;
        height: 120rpx;
        display: flex;
        flex-direction: row;
        .item{
          flex: 1;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          .iconfont{
            color: var(--themeColor);
            font-size:45rpx;
          }
          text{
            padding-top: 10rpx;
            font-size: 26rpx;
          }
        }
      }
    }
    .address{
      width: 100%;
      height: 80rpx;
      background-color: #fff;
      margin-top: 20rpx;
      display: flex;
      flex-direction: row;
      align-items: center;
      padding: 0rpx 20rpx;
      justify-content:space-between;
    }
    .servi{
      border-bottom: 2rpx solid #ddd;
    }
    .flag{
      margin-top: 0rpx;
      border-bottom:2rpx solid #ddd;
    }
  }
}